body{margin: 0 auto;padding: 0;text-align:left;}
div{display: block;}
input, select, textarea ,a,h1,h2,h3,h4,h5,h6,p,span{
    font-weight: 100;
    font-family: "pingfang SC","Lantinghei SC", "Microsoft Yahei", '微软雅黑', "SimSun"
}
  /*banner*/

  video#bgvid{
    position: fixed;
    width: auto;
    height: auto;
    z-index: -500;
  }
  .actGotop{
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 500;
  }
  .banner{
    position: relative;
    margin: 0 auto;
    height: 814px;}
  h1{
    position: absolute;
    top: 244px;
    width: 100%; 
    text-align: center; 
    font-size: 80px;
    color: #fff;
    font-weight: 300;}
  .banner_font2{
    margin-top:370px; 
    width: 100%;
    text-align: center; 
    font-size: 34px;
    color: #fff;
    font-weight: 200;}
  .logo{
    position: absolute;
    margin-top: 40px;
    margin-left: 6%;}
  .logoimg{
    position: absolute; 
    width: 50px;
    height: 50px;
  }
  .logo_name{
    position:static;
    margin-left: 65px;
    margin-top: 16px; 
    font-size: 24px;
    color: #fff;
    font-weight: 300;
  }
  .download{
    position:absolute;
    border: 0px;
    top:530px;
    left: 50%;
    margin-left: -85px; 
    background: url(img/down_btn.png)no-repeat 0;
    width: 170px;
    height: 45px;
  }
  .download:hover{
    position:absolute;
    border: 0px;
    top:530px;
    left: 50%;
    margin-left: -85px; 
    background: url(img/down_btn_hover.png)no-repeat 0;
    width: 170px;
    height: 45px;
  }
/*关于我们按钮效果*/
#about{
  position: fixed;
  cursor: pointer;
  top: 6vh;
  left: 90%;
  color: white;
  transform: translate3d(-50%, -50%, 0);
  padding: 0.5em calc(0.6em * 1.2);
  display: inline-block;
  border: 8px solid transparent;
  position: relative;
  font-size: 1.2em;font-weight: 300;
  letter-spacing: 0.1em;
  text-decoration: none;
}
.text {
  font-weight: 300;
  transform: translate3d(0, 0.7em, 0);
  display: block;
  transition: transform 0.4s cubic-bezier(0.2, 0, 0, 1) 0.4s;
}
#about:after {
  position: absolute;
  content: '';
  bottom: -12px;
  left: calc(0.7em * 1.2);
  right: calc(0.7em * 1.2);
  height: 2px;
  background: #fff;
  z-index: -1;
  transition: transform 0.8s cubic-bezier(1, 0, 0.37, 1) 0.2s, right 0.2s cubic-bezier(0.04, 0.48, 0, 1) 0.6s, left 0.4s cubic-bezier(0.04, 0.48, 0, 1) 0.6s;
  transform-origin: left;
}
.line {
  position: absolute;
  background: #fff;
}
.line.-top, .line.-bottom {
  height: 1px;
  left: -1px;
  right: -1px;
  transform: scale3d(0, 1, 1);
}
.line.-bottom {
  bottom: -1px;
  transition: transform 0.3s cubic-bezier(1, 0, 0.65, 1.01);
  transform-origin: right;
}
#about:hover .text,
#about:active .text {
  text-shadow: 0px  2px 6px #79B3CF;
  transform: translate3d(0, 0, 0);
  transition: transform 0.6s cubic-bezier(0.2, 0, 0, 1) 0.4s;
}
#about:hover:after,
#about:active:after {
  transform: scale3d(0, 1, 1);
  right: -1px;
  left: -1px;
  transform-origin: right;
  transition: transform 0.2s cubic-bezier(1, 0, 0.65, 1.01) 0.17s, right 0.2s cubic-bezier(1, 0, 0.65, 1.01), left 0s 0.3s;
}
/*关于我们效果结束*/
.box_1{
     background-color: #fff;
}
.box_1_body{
     width:1200px;
     height: 680px;
     margin:0 auto;
           }
.box_1_img{
     float: left;
     margin-top:63px;
     margin-left: 200px;}
.box_1_phone{
     width: 314px;
     height: 592px;}
.tittle_1_words{
     float:right;
     width: 500px;
     text-align: left;
     margin-right:100px;}
.p1{
     text-align: left;
     margin-top: 220px;
     font-size: 38px;
     color: #333333;
     letter-spacing: 1.62px;
     line-height: 38px;
     font-weight: 300
   }
.p2{  
     text-align: left;
     font-size: 18px;
     color: #333333;
     letter-spacing: 0.76px;
     line-height: 35px;
     font-weight: 300
   }
.box_2{
    background-color: #fff;
}
.box_2_body{
    position: relative;
    width: 1200px;
    height: 320px;
    margin: 0 auto;
  }
h2{ 
    position: relative;
    margin-top: 0px;
    font-size: 38px;
    color: #333;
    font-weight: 300;
    text-align: center;
  }
.mishu{
    margin: 0 auto;
    width: 1075px;
    overflow: hidden;
    text-align: center;
      }
.picture{
    margin-top: 15px;margin-bottom: 20px;
}
li{
    list-style:none;
    float: left;
    width: 350px;
    height: auto; 
  }
h3{ 
    font-size: 18px;
    color: #333;
    line-height: 20px;
    font-weight: 400;
    text-align: center;
  }
p{
    font-size: 14px;
    color: #666;
    line-height: 22px;
    font-weight: 300;
    text-align: center;
  }
.box_3{
    position: relative;
    z-index: -2;
    height: 825px;
    background-image: linear-gradient(-131deg, #0089CE 0%, #3DBDB6 100%);
  }
.box_3_body{
    width: 1200px;
    margin: 0 auto;
    }
.box_3_h3{
    margin-top: 0px;
    color: #fff;
    text-align: center;
    line-height: 180px;
}
.box_3_p3{
    color: #fff;
    font-size: 18px;
    text-align: center;
    margin-top: -75px;
}
.shixiang{
    position: relative;
    float: left;
    width: 400px;
    left: 100px;
    margin-top: 100px;
  }
h4{
    font-size: 22px;
    color: #FFFFFF;
    letter-spacing: 0;
    line-height: 30px;
    font-weight: 300;
}
.p3{
    z-index: -5;
    margin-top: -16px;
    line-height: 24px;
    text-align: left;
    font-size: 14px;
    color: #FFFFFF;
    font-weight: 100;
}
.smallbg{
    z-index: -1;
    margin-left: -50px;
    margin-top: -134px;
    width: 460px;
    height: 140px;
    background: rgba(24,144,164,0.50);
    box-shadow: 1px 2px 3px 0 rgba(0,0,0,0.10);
    border-radius: 3px;
}
.box_3_right{
    position: relative;
    float: right;
    margin-top: 87px;
    right: 50px;
}
.box_4{
    background-color: #fff;
}
.box_4_body{
    width: 1200px;
    height: 500px;
    margin: 0 auto;
}
.box_4_left{
    float: left;
    margin-top: 60px;
    margin-left: 20px;
}
.tittle_4{
    text-align: left;
}
.box_4_h{
    text-align: left;
    font-size: 38px;
    color: #58627C;
    font-weight: 500px;
}
.tittle_4{
    margin-top: 100px;
    margin-right: 70px;
    float: right;
    width: 450px;
}
.p5{
    margin-top: -20px;
    text-align: left;
    font-size: 18px;
    color: #58627C;
    letter-spacing: 0;
}
.p6{
    margin-top: 40px;
    text-align: left;
    font-size: 14px;
    color: #58627C;
    letter-spacing: 0;
    line-height: 26px;
}
.box_5{
    background-color: #fff;
}
.box_5_body{
    width: 1200px;
    height: 1000px;
    margin: 0 auto;
}
.box_5_left{
    position: absolute;
    float: left;
    margin-top: 170px;
    margin-left: 180px;
}
.box_5_img{
    position: absolute;
    width: 127px;
    height: 120px;
    margin-top: 180px;
    margin-left: 30px;
}
.box_5_right{
    float: right;
    margin-right: -40px;
    margin-top: -190px;
}
.box_5_h{
    text-align: right;
    font-size: 34px;
    color: #58627C;
    font-weight: 300;
}
.p7{
    margin-top: -15px;
    text-align: right;
    font-size: 18px;
    color: #58627C;
}
.box_6{
    position: relative;
    top: 60px;
}
.box_6_body{
    width: 1200px;
    height: 500px;
    margin: 0 auto;
}
.box_6_h{
    position: relative;
    font-size: 34px;
    color: #58627C;
    letter-spacing: 0.6px;
    line-height: 33px;
    font-weight: 300;
}

.tamenshuo_body{
    position: absolute;
    top: 100px;
}
h5{ 
    position: relative;
    font-size: 16px;
    color: #2F313D;
    line-height: 20px;
    font-weight: 300;
    top: 2px;
}
.p4{
    position: relative;
    text-align: left;
    width: 300px;
    font-size: 14px;
    color: #787878;
    letter-spacing: 0.54px;
    line-height: 17px;
    top: -5px;
}
.people_1_touxiang{
    top: -170px;
    left: 20px;
    width: 87px;
    height: 87px;
}

.people_1{
    position: relative;
    top: 0px;
    z-index: 100;
}
.people_1_body{
    position: relative;
    top: 70px;
    left:20px;
}
.people_1_bg{
    position: absolute;
    top: -20px;
    left: -10px;
    z-index: -1;
}
.people_2{
    position: relative;
    z-index: -200;
    left: 15px;   
}
.people_2_bg{
    position: relative;
    top: -110px;
    left: -40px;
    z-index: -2;
}
.people_2_body{
    position: relative;
    top: 120px;
    left: -15px;
}
.people_2_touxiang{
    position: relative;
    z-index: 100;
    top: 20px;
    left: -6px;
    width: 87px;
    height: 87px;
}
.people_3{
    position: relative;
    left: 120px;
    top: 50px;
}
.people_3_body{
    position: relative;
    top: 170px;
    left: 6px;
}
.people_3_bg{
    position: relative;
    z-index: -2;
    top: -60px;
    left: -30px;
}
.people_3_touxiang{
    position: relative;
    width: 87px;
    height: 87px;
    left: 5px;
    top: 46px;
}
.line_1{
    position: relative;
    top: 37px;
    left: 28px;
}
.line_2{
    position: relative;
    top: 63px;
    left: 23px;
}
.line_3{
    position: relative;
    top: 80px;
    left: 34px;
}
.box6_huanxiao{
    position: relative;
    top: 300px;
    left: 70px;
    width: 187px;
    height: 111px;
}
.foot{
    height: 140px;
    background-color: #E6EFFA;
    position: relative;
    top: 120px;
}
.foot_body{
    width: 1200px;
    margin: 0 auto;
}
.foot_logo{
    position: relative;
    left: 50%;
    margin-left: -10px;
    top: 26px;
    width: 23px;
    height: 34px;
}
.foot_h{
    position: relative;
    top: 20px;
    width: 100%;
    text-align: center;
    font-size: 18px;
    color: #58627C;
    letter-spacing: 0;
}
.foot_p{
    position: relative;
    top: 20px;
    font-size: 12px;
    color: #2A4560;
    letter-spacing: 0;
    text-align: center;
}





